<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品分类信息列表</title> 
<%@ include file="/page/include.jsp"%>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/styles/jqx.base.css" />
<link rel="stylesheet" type="text/css" href="<%=basePath%>/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/styles/jqx.office.css" />
</head>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="framebody" role="main">
				<!-- <blockquote class="ui-elem-quote">
  					商品分类
				</blockquote>  -->
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2>
									<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
								</h2>
								<div class="clearfix"></div>
							</div>
							
							<div class="x_content">
								<form id="position-form" class="form-horizontal form-label-left">
									<div class="form-group">
										<label class="control-label form-item-label" for="categoryName">分类名称: </label>
										<div class="col-md-2">
											<input type="text" id="categoryName" name="categoryName" class="form-control col-md-12">
											<!-- 防止bootstrap的form表单回车刷新 -->
											<input type="text" style="display:none"/>
										</div>
										<div class="pull-right">
											<a class="btn btn-danger" id="btnClear"><i class="fa fa-trash-o fa-fw"></i>清空</a> 
											<a class="btn btn-primary search" id="btnQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel"> 
							<div class="x_content">
								<div class="row" style="padding-bottom: 10px;">
									<a class="btn btn-success btn-sm" id="btnAdd"><i class="fa fa-plus fa-fw"></i>新增</a>
								</div>
								<div class="row">
									<div id="treeGrid" ></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<input id="layer_opt_status" value="" hidden="hidden">
			</div>
		</div>
	</div>
	 
	<script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxdatatable.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxtreegrid.js"></script>
    <script type="text/javascript" src="${rootPath}/statics/plugins/jqwidgets-ver3.9.1/jqwidgets/jqxdata.js"></script>
    
	<script src="${rootPath}/js/product/productCategory_list.js"></script>
</body>
</html>